<template>
    <div>
        <Form :label-width="100" ref="formValidate" :model="formValidate">
            <Row>
                <i-col span="8">
                    <FormItem label="姓名" prop="RealName">
                        <span>{{formValidate.RealName}}</span>
                    </FormItem>
                </i-col>
                <i-col span="8">
                    <FormItem label="性别" prop="Sex">
                        <span>{{formValidate.Sex}}</span>
                    </FormItem>
                </i-col>
                <i-col span="8">
                    <FormItem label="邮箱" prop="Email">
                        <span>{{formValidate.Email}}</span>
                    </FormItem>
                </i-col>
                <i-col span="8">
                    <FormItem label="手机号" prop="MobilePhone">
                        <span>{{formValidate.MobilePhone}}</span>
                    </FormItem>
                </i-col>
                <i-col span="8">
                    <FormItem label="生日" prop="Birthday">
                        <span>{{formValidate.Birthday}}</span>
                    </FormItem>
                </i-col>
                <i-col span="8">
                    <FormItem label="现住址" prop="Address">
                        <span>{{formValidate.Address}}</span>
                    </FormItem>
                </i-col>
                <i-col span="8">
                    <FormItem label="学历" prop="Education">
                        <span>{{formValidate.Education}}</span>
                    </FormItem>
                </i-col>
                <i-col span="8">
                    <FormItem label="民族" prop="Nation">
                        <span>{{formValidate.Nation}}</span>
                    </FormItem>
                </i-col>
                <i-col span="8">
                    <FormItem label="婚姻" prop="Marry">
                        <span>{{formValidate.Marry}}</span>
                    </FormItem>
                </i-col>
                <i-col span="8">
                    <FormItem label="身份证" prop="IdCard">
                        <span>{{formValidate.IdCard}}</span>
                    </FormItem>
                </i-col>
                <i-col span="8">
                    <FormItem label="所属公司" prop="CompanyName">
                        <span>{{formValidate.CompanyName}}</span>
                    </FormItem>
                </i-col>
                <i-col span="8">
                    <FormItem label="签约门店">
                        <span>{{formValidate.ShopName}}</span>
                    </FormItem>
                </i-col>
                <i-col span="8">
                    <FormItem label="身份证正面">
                        <img :src="formValidate.PicCardUp" alt style="width:350px;height:200px" />
                    </FormItem>
                </i-col>
                <i-col span="8">
                    <FormItem label="身份证反面">
                        <img :src="formValidate.PicCardDown" alt style="width:350px;height:200px" />
                    </FormItem>
                </i-col>
                <i-col span="8">
                    <FormItem label="资格证">
                        <img :src="formValidate.PIcDoc" alt style="width:350px;height:200px" />
                    </FormItem>
                </i-col>
            </Row>
            <h3>账户信息</h3>
            <Row>
                <i-col span="4">收益 {{formValidate.Earn}}</i-col>
                <i-col span="4">余额 {{formValidate.Money}}</i-col>
                <i-col span="4">银行账号 {{formValidate.BankNum}}</i-col>
                <i-col span="4">开户行 {{formValidate.BankName}}</i-col>
                <i-col span="4">开户人 {{formValidate.BankUser}}</i-col>
                <i-col span="4">支付宝 {{formValidate.Alipay}}</i-col>
            </Row>
        </Form>
    </div>
</template>

<script>
import { getItemDetail } from '../service'
export default {
    data() {
        return {
            formValidate: {},
            id: ''
        }
    },
    mounted() {
        this.id = this.$route.params.id
        getItemDetail({
            id: this.id
        }).then(res => {
            this.formValidate = res.data
        })
    }
}
</script>

<style lang="less" scoped>
h3 {
    margin-bottom: 20px;
}
</style>